@import url(./fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
body {
	font-family: IRANSans !important;
	font-weight: 300;
	font-size:14px;
	direction: rtl;
	margin: 0;
	
}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANSans !important;
}
h1 {
	font-weight: bold;
}
a{
	font-family: IRANSans !important;
}
.wrapper {
	max-width: 900px;
	margin: 0 auto;
}
.ltr {
	direction: ltr;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-small {
	font-size: 0.8em;
}
.text-xsmall {
	font-size: 0.6em;
}
.text-large {
	font-size: 1.2em;
}
.text-xlarge {
	font-size: 1.4em;
}
.text-underline {
	text-decoration:underline;
}
.text-ultralight {
	font-weight: 200;
}
.text-light {
	font-weight: 300;
}
.text-regular {
	font-weight: normal;
}
.text-medium {
	font-weight: 500;
}
.text-bold {
	font-weight: bold;
}
.text-black {
	font-weight: 900;
}
blockquote {
	font-weight: 500;
	padding: 10px;
	border: 1px dashed #666666;
}

.mainbox {
	width: 100%;
	background-color: #EFEFEF;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
}

.mainboxnegativ {
	width: 100%;
	background-color: #000000;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
	color: #F9F9F9;
}

.mainbox2 {
	font-size: 1em;
	width: 90%;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainbox3 {
	width: 100%;
	background-color: #b8b8b8;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #bd70ff;
}

.mainbox2negativ {
	font-size: 1em;
	color: #F9F9F9;
	background-color: #000000;
	padding-right: 20px;
}

.farsiparagraph {
	font-size: 1em;
	width: 47%;
	float:right;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.englishparagraph {
	font-size: 1em;
	width: 47%;
	float: left;
	direction:ltr;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;


}
.rightbox {
	width: 60%;
	padding-right: 20px;
	padding-left: 5px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F7F7F7;

}

.titelbox {
	width: 60%;
	padding-right: 25px;
	padding-left: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F2F2F2;
	color: #4B4B4B;
}


.lefttbox {
	
	padding-right: 20px;
	padding-left: 4px;
	float: right;
	margin-bottom: 10px;
	min-width: 0px;
}

.alphabet {
	width: 35%;
	float: left;
	font-size: 21em;
	text-align: center;
	font-weight: 500;
	color: #999999;
}

.alphabet2 {
	width: 35%;
	float: left;
	direction: ltr;
	font-size: 1.6em;
	text-align: left;
	font-weight: 500;
	color: #333333;
	margin-top: 100px;
}
.nopadding{
    margin: 0px;
    padding: 0px !important;
}
.portal_padding{
	margin: 0px;
    padding: 0px !important;
}
.pic{
    display: flex;
    justify-content: center;
}
.pic img{
    width: 60%;
    margin-top: 4%;
}
.portal_wrappers{
	display: flex;
	justify-content: center;
	width: 100%;
}
.portals {
	display: flex;
	justify-content: center;
	background-color: #C78BF9;
	width: 100%;
	height: 115px;
	margin-top: 4%;
}
	.portals ul {
		display: flex;
		justify-content: space-around;
		/* background-color: #728d9e; */
		background: #BBD2C5; /* fallback for old browsers linear-gradient(to bottom, #d3b1ef, #ecdef8, #faf7fd)*/
		background: -webkit-linear-gradient(to bottom, #d3b1ef, #ecdef8, #faf7fd); /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to bottom, #d3b1ef, #ecdef8, #faf7fd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-box-shadow: 2px 4px 14px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 4px 14px 2px rgba(0,0,0,0.75);
		box-shadow: 2px 4px 14px 2px rgba(0,0,0,0.75);
		width: 90%;
		height: 150px;
		margin-top: -1%;
		list-style: none;
		padding-left: 5%;
		padding-right: 5%;
	}
.portals ul li{
    padding-bottom: 2%;
}
.portals ul li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: medium;
    /* font-weight: bolder; */
	/* padding-bottom: 4%; */
	margin-top: 10%;
}

.portals ul li a:hover{ 
	/* color: gold; */
	color:#71cebd;
}
.portals ul li a img{
    width: 70%;
}
.title_links{font-weight: bold}


@media  only screen and (max-width:576px){
	.portal_wrappers{
		display: flex;
		justify-content: flex-start;
	}
	
	.portals{
		display: flex;
		justify-content: center;
		
		width: 100%;
		height: 20rem;
		margin-top: 40%;
	
	}
	.portals ul{
		display: flex;
		justify-content: center;
		/* flex-wrap: wrap; */
		flex-direction: column;
		/* background-color: #728d9e; */
		width: 90%;
		height: 45rem;
		margin-top: -36%;
		list-style: none;
		padding-left: 5%;
		padding-right: 5%;
	}
	.portals ul li{
		padding-bottom: 2%;
	}
	.portals ul li a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;    
		text-align: center;
		text-decoration: none;
		color: #000;
		font-size: medium;
		
	}

	.portals ul li a img{
		width: 70%;
	}
}